@font-face {
	font-family:"got";
	src: url("../css/GOT.WOFF.TTF");
}

body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:rgb(255, 255, 255); font-size:13px;font-family:arial,"微软雅黑"; line-height:1;font-weight: normal;letter-spacing: 0.8px;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/
	.web-ie2018{ font-family: microsoft  yahei;   position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
	.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
	.web-ie2018 dl #img{    display: block;margin: 50px auto;}
	.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
	.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
	.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
	.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
	.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
	.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
/*<------------------------------------->*/

/* pc */
.pc_black{width: 100%;height: 100%;background-color: #000;position: fixed;top: 0;left: 0;display: none;z-index: 10;}
.pc_black>h3{width: 100%;text-align: center;margin-top:60px;display: none;}
.pc_black>h3>p{font-size: 20px;color: #ccc;margin-bottom: 35px;}
.pc_black>h3>span{display: block;font-size: 14px;color: #ccc;line-height: 24px;}

@media only screen and (max-width:1200px ) {
	.pc_black{display: block;}
	.pc_black>h3{display: block;}
	.index01,.index02,.index03{display: none;}	
}

/* headerwrap */
.headerwrap{width: 100%;box-sizing: border-box;padding-left: 5%;left: 0;position: fixed;top: 0;background-color: #FFFFFF;z-index: 10;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.header{width: 100%;margin: auto;display: flex;display: -webkit-flex;display: -ms-flexbox;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 90px;}
.header .logo img{display: block;width: auto;height: 48px;}
.header .right,.header .right .nav,.header .right .language{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;}
.header .right .nav li>a{font-size: 16px;color: #222222;padding: 0 30px;line-height: 90px;height:90px;position: relative;display: block;}
.header .right .nav{margin-right:30px;}
.header .right .language{height: 90px;padding: 0 30px;background-color: #005aad;}
.header .right .language i,.header .right .language a{font-size: 13px;color: #FFFFFF;padding: 0 10px;}
.header .right .language i{font-size: 16px;padding-right: 0;}
.header .right .language a:last-child{border-left: 1px solid #FFFFFF;}
.header .right .nav li a::after{content: '';display: block;width: 0%;height: 3px;background-color: #005aad;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.header .right .nav li:hover>a::after{width: 100%;}
.header .right .nav li:hover>a{color: #005aad;}

.header .right .nav li{position: relative;}
.header .right .nav li .nav02{position: absolute;box-sizing: border-box;background-color: #fff;padding: 20px 10px;z-index: 5;width: 160px;left: 50%;margin-left: -80px;text-align: center;top: 100%;display: none;}
.header .right .nav li:hover .nav02{display: block;}
.header .right .nav li .nav02 a{display: block;width: 100%;font-size: 15px;color: #666;line-height: 40px;}
.header .right .nav li .nav02 a:hover{color: #005aad;}

/* .drawer-hamburger,.drawer-nav{visibility: hidden;display: none;} */

/* banner */
.more{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 260px;height: 60px;color: #FFFFFF;font-size: 15px;text-align: center;line-height: 60px;box-sizing: border-box;margin: auto;transition: all .3s;text-transform: uppercase;position: relative;overflow: hidden;z-index: 0;background-color: #005aad;}
.more:after{content: '';display: block;background-color: #FFFFFF;position: absolute;width: 0%;height: 100%;left: 0;top: 0px;transition: all .3s;z-index: -1;}
.more:hover{color:#005aad;z-index: 1;}
.more:hover:after{width: 100%;}
.banner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;height: calc(100% - 90px);position: relative;margin-top: 90px;}
.banner .swiper-container01{width: 100%;height: 100%;z-index: 0;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner img{display: block;width: auto;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 0;min-width: 100%;}
.banner .text{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;}
.banner .text h3{font-size: 13PX;color: #ffffff;margin-bottom: 50px;letter-spacing: 5px;box-sizing: border-box;padding-left: 30px;position: relative;}
.banner .text h3::before{content: '';display: block;width: 6px;height: 6px;background-color: #FFFFFF;border-radius: 50%;position: absolute;left: 0;top: 4px;}
.banner .text h4{font-size: 56px;color: #ffffff;margin-bottom: 50px;letter-spacing: 8px;font-weight: bold;}
.banner .text .more{margin: 0;background-color: #005aad;color: #FFFFFF;}
.banner .text .more::after{background-color: #FFFFFF;}
.banner .text .more:hover{color: #005aad;}
.banner .swiper-pagination{width: 1200px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;bottom: 80px;}
.banner .swiper-pagination-bullet{background-color: #FFFFFF;border: none;width: 50px;height: 3px;opacity: 0.6;border-radius: 0;}
.banner .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-button-next,.banner .swiper-button-prev{background-size: 100%;width: 20px;height: 30px;}
.banner .swiper-button-next{right: 5%;}
.banner .swiper-button-prev{left: 5%;}
.banner .text .more i{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;-webkit-justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-left: 10px;}
.banner .text .more i::before{content: '';display: block;width: 20px;height: 1px;background-color: #FFFFFF;}
.banner .text .more i::after{content: '';display: block;width: 6px;height: 6px;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;margin-left: -7px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.banner .text .more:hover i::before{background-color: #005aad;}
.banner .text .more:hover i::after{border-color: #005aad;}

/* indexwrap */
.indexwrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.index01{width: 100%;box-sizing: border-box;background-color: #eef2f6;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.index01 .imgbox{width: 40%;overflow: hidden;}
.index01 .imgbox img{display: block;width: 100%;transition: all .6s;}
.index01 .imgbox:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.index01 .text{width: 60%;box-sizing: border-box;padding-left: 130px;position: relative;z-index: 1;padding-right: calc((100% - 1200px)/2);}
.i-tl p{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-bottom: 50px;font-size: 14px;color: #005aad;}
.i-tl p::before{content: '';display: block;width: 20px;height: 1px;background-color: #005aad;margin-right: 10px;}
.i-tl h3{font-size: 36px;color: #222222;font-weight: bold;line-height: 48px;margin-bottom: 50px;}
.i-tl h4{font-size: 15px;color: #666666;line-height: 30px;text-align: justify;}
.index01 .text .more{width: 154px;height: 44px;line-height: 44px;margin: 0;margin-top: 50px;border: 1px solid #005aad;}
.index01 .text .bgfont{font-size: 120px;color: #FFFFFF;text-transform: uppercase;position: absolute;top: 50%;left: -20%;z-index: -1;letter-spacing: 5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-family:'got';}
.index01 .text h3{font-size:30px;}

/* .index02wrap */
.index02wrap{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;margin-top: 150px;position: relative;z-index: 0;padding-bottom: 150px;}
.index02wrap .text{width: 40%;box-sizing: border-box;padding-left: calc((100% - 1200px)/2);padding-right: 100px;padding-top: 40px;}
.index02wrap .text .link{width: 200px;margin-top: 30px;}
.index02wrap .text .link a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;font-size: 20px;color: #222222;height: 64px;border-bottom: 1px solid #ddd;}
.index02wrap .text .link a i{font-size: inherit;color: inherit;}
.index02wrap .text .link a:hover{color: #005aad;}
.index02wrap .imgbox{width: 60%;box-sizing: border-box;overflow: hidden;}
.index02wrap .imgbox img{display: block;width: 100%;}
.index02wrap::after{content: '';display: block;width: 100%;height: calc(100% - 128px);background: url(../img/indexbg.jpg)no-repeat;background-size: cover;position: absolute;bottom: 0;left: 0;z-index: -1;}

/* index03wrap */
.index03wrap{width: 100%;box-sizing: border-box;position: relative;padding: 150px 0;background-color: #eff1f4;}
.index03{width: 1200px;margin: auto;}
.index03 .i-tl p,.index03 .i-tl h3{margin-bottom: 20px;}
.index03 .i-tl{margin-bottom: 50px;}

.index03 .min{width: 100%;box-sizing: border-box;position: relative;}
.index03 .min .swiper-container{overflow: visible;}
.index03 .min a{display: block;width: 100%;background-color: #FFFFFF;}
.index03 .min a .imgbox{width: 100%;overflow: hidden;}
.index03 .min a .imgbox img{display: block;width: 100%;transition: all .6s;}
.index03 .min a:hover .imgbox img{transform: scale(1.1);}
.index03 .min a .text{width: 100%;box-sizing: border-box;padding: 30px;}
.index03 .min a .text h3{font-size: 18px;color: #005aad;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 26px;min-height: 52px;}
.index03 .min a .text p{font-size: 13px;color: #aaaaaa;margin: 20px 0;}
.index03 .min a .text h4{font-size: 15px;color: #666666;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 72px;display:none;}
.index03 .min a .text .more{width: 130px;height: 40px;line-height: 40px;margin: 0;margin-top: 40px;border: 1px solid #005aad;font-size:13px;}
.index03 .min .page{width: 200px;height: 76px;position: absolute;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #005aad;right: 0;top: -38px;z-index: 2;}
.index03 .min .page .swiper-button-next,.index03 .min .page .swiper-button-prev{background-image: none;font-size: 20px;color: #FFFFFF;width: auto;height: auto;position: relative;top: 0;left: 0;right: 0;padding: 0;margin: 0;outline: none;}
.index03 .min .page .swiper-pagination{position: relative;bottom: 0;font-size: 14px;color: #FFFFFF;width: auto;margin: 0 30px;}

/* index04 */
.index04{width: 1200px;box-sizing: border-box;margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index04 a{display: block;width: 31%;box-sizing: border-box;position: relative;overflow: hidden;}
.index04 a img{display: block;width: 100%;transition: all .6s;}
.index04 a:hover img{transform: scale(1.1);}
.index04 a .text{width: 100%;height: 100%;box-sizing: border-box;padding: 50px 60px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-flow: column;flex-flow: column;position: absolute;top: 0;left: 0;}
.index04 a .text h3{font-size: 22px;color: #ffffff;text-align: center;}
.index04 a .text .top p{font-size: 13px;color: rgba(255,255,255,0.7);text-transform: uppercase;}
.index04 a .text .more{width: 120px;height: 40px;line-height: 40px;border: 1px solid #FFFFFF;background-color: transparent;margin: 0;font-size:13px;}
.index04 a .text i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #fff;font-size: 15px;width: 20px;height: 20px;border-radius: 50%;position: absolute;bottom: 30px;left: 50%;margin-left: -10px;color: #fff;opacity: 0;transition: all .6s;}
.index04 a .text i::before{content: '';display: block;width: 5px;height: 5px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-left: -2PX;}
.index04 a:hover .text i{opacity: 1;}



/* footerwrap */
.footerwrap{width: 100%;box-sizing: border-box;overflow: hidden;}
.footerwrap .top{width: 100%;box-sizing: border-box;padding: 40px 5%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background-color: #eeeeee;}
.footerwrap .top .f-nav{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.footerwrap .top .f-nav a{font-size: 16px;color: #444444;margin-right: 50px;}
.footerwrap .top .f-nav a:last-child{margin-right: 0;}
.footerwrap .top .f-nav a:hover{color: #005aad;text-decoration: underline;}
.footerwrap .top .fx{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.footerwrap .top .fx a{background-image: none;width: 36px;height: 36px;border: 1px solid #005aad;color: #005aad;border-radius: 50%;font-size: 14px;margin: 0;padding: 0;margin-right: 10px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.footerwrap .top .fx a:last-child{margin-right: 0;}
.footerwrap .copyright{width: 100%;box-sizing: border-box;padding: 30px 5%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;background-color: #005aad;}
.footerwrap .copyright h3{font-size: 13px;color: rgba(255,255,255,0.6);}
.footerwrap .copyright a{font-size: 13px;color: rgba(255,255,255,0.6);}
.footerwrap .copyright h3 a{padding-left: 15px;margin-left: 15px;border-left: 1px solid rgba(225,255,255,0.6);}
.footerwrap .copyright h3,
.footerwrap .copyright h3 a
 { height: 20px!important; line-height: 20px!important;       flex-flow: wrap;   display: flex!important; }


/* 公司简介 */
.innerbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;margin-top: 90px;}
.innerbanner img{display: block;width: 100%;}
.innerbanner .text{width: 100%;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.innerbanner .text p{font-size: 24px;color: #ffffff;line-height: 40px;}
.innerbanner .text h3{font-size: 48px;color: #ffffff;font-weight: bold;text-transform: uppercase;}

/* innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
/* about01 */
.contwidth{width: 1200px;}
.about01{margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.about01 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.about01 .imgbox img{display: block;width: 100%;}
.about01 .text{width: 50%;box-sizing: border-box;padding-left: 40px;}
.a-text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.a-text h4{font-size: 16px;line-height: 28px;color: #666666;margin-bottom: 20px;text-align: justify;}
.a-text h4:last-child{margin-bottom: 0;}

/* about02 */
.about02wrap{width: 100%;box-sizing: border-box;padding: 150px 0;background: url(../img/about_02.jpg)no-repeat fixed;background-size: cover;}
.about02{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.about02 .a-text{width: 50%;box-sizing: border-box;}
.about02 .a-text h3,.about02 .a-text h4{color: #fff;}
.about02 .imgbox{width: 200px;height: 200px;box-sizing: border-box;overflow: hidden;background-color: rgba(255,255,255,0.92);border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-right: 150px;}
.about02 .imgbox img{display: block;width: auto;max-width: 80%;}

/* about03wrap */
.about03wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.about03{margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.about03 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.about03 .imgbox img{display: block;width: 100%;}
.about03 .text{padding-left: 40px;box-sizing: border-box;width: 50%;}

.about04{margin: 100px auto;}

/* 国际贸易 */
.trade01wrap{margin: 100px auto;box-sizing: border-box;padding-bottom: 100px;border-bottom: 1px solid #ddd;}
.t-tl{width: 880px;margin: auto;text-align: center;box-sizing: border-box;}
.t-tl h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.t-tl h4{font-size: 18px;color: #666666;margin-bottom: 30px;line-height: 30px;}
.t-tl strong{display: block;width: 60px;height: 2px;background-color: #005aad;margin: auto;}
.trade01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 50px;}
.trade01 .item{width: 25%;box-sizing: border-box;border: 1px solid #ddd;margin-right: -1px;margin-bottom: -1px;}
.trade01 .item img{display: block;width: 100%;transition: all .6s;}
.trade01 .item:hover img{transform: scale(0.9);}

/* 联系我们 */
.contact01{margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.contact01 .text{width: 50%;box-sizing: border-box;padding-right: 70px;padding-top:100px;}
.contact01 .text .tl{font-size: 24px;color: #222222;padding-bottom: 25px;border-bottom: 1px solid #ddd;margin-bottom: 25px;font-weight: bold;}
.contact01 .text ul li{width: 100%;box-sizing: border-box;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #ddd;}
.contact01 .text ul li h3{font-size: 18px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.contact01 .text ul li p{font-size: 15px;color: #666666;line-height: 30px;}
.contact01 .text ul li p img{display: block;width: auto;}
.contact01 .text ul li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.contact01 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.contact01 .imgbox img{display: block;width: 100%;}

/* 生产能力 */
.production01{margin: 100px auto;box-sizing: border-box;}

/* production02 */
.production02{width: 100%;box-sizing: border-box;}
.production02 li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.production02 li .imgbox{width: 50%;overflow: hidden;}
.production02 li .imgbox img{display: block;width: 100%;}
.production02 li .text{width: 50%;box-sizing: border-box;padding: 0 calc((100% - 1200px)/2) 0 70px;}
.production02 li .text h3{font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #ddd;}
.production02 li .text h4{font-size: 15px;line-height: 30px;color: #666666;}
.production02 li .text .list{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.production02 li .text .list p{width: 50%;box-sizing: border-box;font-size: 15px;line-height: 30px;color: #666666;}
.production02 li .text h5{font-size: 15px;color: #666666;line-height: 32px;}
.production02 li .text h5 font{font-size: 15px;color: #222;font-weight: bold;padding-right: 10px;}
.production02 li:nth-of-type(odd){background-color: #f1f2f3;}
.production02 li:nth-of-type(even){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.production02 li:nth-of-type(even) .text{padding: 0 70px 0 calc((100% - 1200px)/2);}


/* 新闻 */
.newstab{margin: 30px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}
.newstab a{margin: 0;margin-right: 20px;border: 1px solid #005aad;color: #005aad;width: 150px;line-height: 40px;height: 40px;background-color: transparent;}
.newstab a::after{background-color: #005aad;}
.newstab a:hover,.newstab a.active{color: #fff;}
.newstab a.active::after{width: 100%;}
.newstab a:last-child{margin-right: 0;}

.newswrap{background-color: #f1f2f3;box-sizing: border-box;width: 100%;}
.news01wrap{margin: auto;box-sizing: border-box;padding: 50px 0 100px;}
.news01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.news01 a{display: block;width: 31.33%;margin-right: 3%;margin-bottom: 3%;background-color: #fff;box-sizing: border-box;}
.news01 a:nth-of-type(3n){margin-right: 0;}
.news01 a .imgbox{width: 100%;overflow: hidden;}
.news01 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.news01 a:hover .imgbox img{transform: scale(1.1);}
.news01 a .text{width: 100%;box-sizing: border-box;padding: 30px;}
.news01 a .text h3{font-size: 18px;color: #222222;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 26px;min-height: 52px;}
.news01 a .text p{font-size: 13px;color: #aaaaaa;margin: 20px 0;}
.news01 a .text h4{font-size: 15px;color: #666666;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 72px;display:none;}
.news01 a .text .more{width: 130px;height: 40px;line-height: 40px;margin: 0;margin-top: 40px;border: 1px solid #005aad;font-size:13px;}
.news01 a:hover .text h3{color: #005aad;}

.fy{width: 100%;box-sizing: border-box;justify-content: center;-webkit-justify-content: center;display: flex;margin: auto;display: -webkit-flex;}
.fy a{display: block;width: auto;min-width: 32px;height: 34px;line-height: 34px;font-size: 14px;color: #b8b8b8;border: 1px solid #b8b8b8;border-radius: 5px;background-color: #FFFFFF;transition: all .3s;margin: 0 7px;text-align: center;box-sizing: border-box;padding: 0 10px;}
.fy a:hover{background-color: #005aad;border-color: #005aad;color: #FFFFFF;}
.fy .active{background-color: #005aad;border-color: #005aad;color: #FFFFFF;}
.fy a:nth-of-type(1){margin-left: 0;}

/* 展会 */
.newstwo01wrap{margin: auto;box-sizing: border-box;}
.newstwo01{width: 100%;box-sizing: border-box;}
.newstwo01 li{width: 100%;box-sizing: border-box;padding: 60px 0;border-bottom: 1px solid #aaaaaa;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.newstwo01 li .imgbox{width: 30%;box-sizing: border-box;overflow: hidden;}
.newstwo01 li .imgbox img{display: block;width: 100%;transition: all .6s;}
.newstwo01 li:hover .imgbox img{transform: scale(1.1);}
.newstwo01 li .text{width: 70%;box-sizing: border-box;padding-left: 70px;}
.newstwo01 li .text h3{font-size: 20px;color: #222222;margin-bottom: 30px;font-weight: bold;}
.newstwo01 li .text h4{font-size: 15px;color: #666666;line-height: 30px;}
.newstwo01wrap .fy{padding: 60px 0;justify-content: flex-start;-webkit-justify-content: flex-start;}

/* 新闻详情 */
.newsinfowrap{width: 100%;box-sizing: border-box;margin-top: 90px;}
.newsinfowrap .n-tlwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 80px 0;}
.newsinfowrap .n-tlwrap .n-tl{width: 1200px;margin: auto;}
.newsinfowrap .n-tlwrap .n-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;line-height: 36px;}
.newsinfowrap .n-tlwrap .n-tl p{font-size: 14px;color: #888888;}
.newsinfo01{width: 1200px;margin: auto;box-sizing: border-box;padding-right: 280px;margin-bottom: 100px;}
.newsinfo01 .cont{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 50px 0;}
.newsinfo01 .cont h4{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.newsinfo01 .cont h4:last-child{margin-bottom: 0;}

.newsinfo01 .cont h4 img{ display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto;}

.newsinfo01 .cont h4 p{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}

.newsinfo01 .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;}
.newsinfo01 .page a{font-size: 14px;color: #666666;}
.newsinfo01 .page a i{font-size: inherit;color: inherit;margin-right: 10px;}
.newsinfo01 .page a:last-child i{margin-right: 0;margin-left: 10px;}
.newsinfo01 .page a:hover{color: #005aad;}





/* 人力资源 */
.career01{margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.career01 .imgbox{width: 50%;box-sizing: border-box;}
.career01 .text{width: 50%;box-sizing: border-box;padding-left: 40px;}
.career01 .text h3{font-size: 28px;color: #222222;margin-bottom: 20px;font-weight: bold;}
.career01 .text strong{display: block;width: 80px;height: 2px;background-color: #005aad;margin: 20px 0;}
.career01 .text h4{font-size: 15px;color: #666666;line-height: 28px;}
/* career02 */
.career02{width: 100%;background-color: #f1f2f3;box-sizing: border-box;padding: 90px 0;}
.career02 .cont{margin: auto;box-sizing: border-box;}
.career02 .cont .toh3{font-size: 28px;color: #222222;margin-bottom: 30px;text-align: center;font-weight:bold;}
.career02 .cont .min{width: 100%;box-sizing: border-box;position: relative;}
.career02 .cont .min .item{width: 100%;border-bottom: 1px solid #DDDDDD;}
.career02 .cont .min .item:first-child{border-top: 1px solid #DDDDDD;}
.career02 .cont .min li a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 64px;}
.career02 .cont .min li a p{font-size: 18px;color: #222222;font-weight: bold;}
.career02 .cont .min li a i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 20px;height: 20px;border: 1px solid #005aad;border-radius: 50%;font-size: 12px;color: #fff;background-color: #005aad;}
.career02 .cont .min .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;}
.career02 .cont .min .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;}
.career02 .cont .min .item .info li{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-bottom: 40px;position: relative;z-index: 1;}
.career02 .cont .min .item .info li p{width: 15%;font-size: 16px;color: #222;border-right: 2px solid #005aad;margin-top: 5px;font-weight:bold;}
.career02 .cont .min .item .info li h4{width: 85%;font-size: 15px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px;}
.career02 .cont .min .item:first-child .info{display: block;}
.career02 .cont .min .item.active a .fa{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/* career03 */
.career03{margin: 100px auto;box-sizing: border-box;box-sizing: border-box;padding-right: 280px;}
.career03 h4{font-size:15px;color:#2a2a2a;line-height:30px;text-align:justify;margin-bottom:20px;}
.career03 h3{font-size: 16px;color: #222;font-weight: bold;margin-bottom: 20px;}
.career03 p{font-size:16px;color:#2a2a2a;line-height:40px;font-weight:bold;}
.career03 p a{color:#222222;font-size:inherit;text-decoration:underline;}

/* 产品中心 */
.product01wrap{margin: 100px auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.product01wrap .left{width: 25%;box-sizing: border-box;padding-right: 60px;border-right: 1px solid #ddd;}
.product01wrap .left li{text-align: left;margin-bottom: 50px;}
.product01wrap .left li:last-child{margin-bottom: 0;}
.product01wrap .left .top-tl{font-size: 16px;color: #fff;height: 52px;line-height: 52px;background-color: #005aad;box-sizing: border-box;padding: 0 20px;}
.product01wrap .left .min .item>a{display: block;height: 52px;line-height: 52px;font-size: 14px;color: #444444;border-bottom: 1px solid #ddd;padding: 0 20px;display: flex;-webkit-justify-content: space-between;justify-content: space-between;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.product01wrap .left .min .item>a i{color: inherit;font-size: inherit;}
.product01wrap .left .min .item>a.active i{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.product01wrap .left .min{border: 1px solid #ddd;border-top: none;border-bottom: none;}
/* .product01wrap .left .min .item:last-child>a{border-bottom: none;} */
.product01wrap .left .min .item>a.active,.product01wrap .left .min a:hover{color: #005aad;}
.product01wrap .left .min .info{width: 100%;box-sizing: border-box;background-color: #f1f2f3;border-bottom: 1px solid #ddd;}
.product01wrap .left .min .info a{display: block;box-sizing: border-box;padding: 0 20px 20px;font-size: 14px;color: #444444;}
.product01wrap .left .min .info a:first-child{padding-top: 20px;}
.product01wrap .left .min .info a.now{color: #005aad;}
.product01wrap .left .min .item:last-child .info{border-bottom: none;}

.product01{width: 75%;box-sizing: border-box;padding-left: 60px;}
.product01 .top{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 0 60px 0 30px;-webkit-align-items: center;align-items: center;height: 60px;border-top: 2px solid #414141;}
.product01 .top h3{font-size: 15px;color: #222222;font-weight: bold;width: 33.33%;text-align: left;}
.product01 .top h3:last-child{text-align: center;}

.innerbanner .text form{width: 570px;height: auto;margin: auto;margin-top: 20px;}
.innerbanner .text form input{display: block;width: 85%;float: left;box-sizing: border-box;background-color: #FFFFFF;border: none;height: 42px;outline: none;padding-left: 20px;}
.innerbanner .text form .btn{display: block;width: 15%;box-sizing: border-box;border: none;background-color: #005aad;font-size: 12px;color: #FFFFFF;height: 42px;outline: none;cursor: pointer;    transition: all .3s;}
.innerbanner .text form .btn i{font-size: 12px;color: inherit;margin-right: 5px;}
.innerbanner .text form .btn:hover{background-color: #005aad;}



.product01wrap .left .min .goto a{color: #005aad;}
 


 
.product01wrap .left .min .info{display: none;}
.product01wrap .left .min .opens .info{display: block;}
 




.product01 .p-list{width: 100%;box-sizing: border-box;}
.product01 .p-list li{width: 100%;position: relative;}
.product01 .p-list li:first-child .t-tl{border-top: 1px solid #ddd;}
.product01 .p-list li .t-tl{width: 100%;transition: all .3s;}
.product01 .p-list li .t-tl .cont{width: 100%;box-sizing: border-box;padding: 0 60px 0 30px;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;height: 60px;border-bottom: 1px solid #ddd;position: relative;}
/* .product01 .p-list li .t-tl:hover{background-color: #f1f2f3;} */
.product01 .p-list li .t-tl .downicon{font-size: 18px;color: #005aad;position: absolute;right: 20px;cursor: pointer;width: 30px;text-align: center;height: 30px;line-height: 30px;}
.product01 .p-list li .t-tl.open .downicon{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.product01 .p-list li .t-tl p{font-size: 14px;color: #444444;width: 33.33%;text-align: left;}
.product01 .p-list li .t-tl p.down{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;position: absolute;width: calc(33.33% - 45px);-webkit-align-items: center;align-items: center;right: 60px;top: 0;height: 60px;}
.product01 .p-list li .down a{display: block;background-color: #fff;border: 1px solid #ddd;padding: 5px 12px;font-size: 12px;color: #aaaaaa;}
.product01 .p-list li .down a:last-child{border-left: none;}
.product01 .p-list li .down a i{color: inherit;margin-left: 10px;}
.product01 .p-list li .down a:hover{color: #005aad;}
.product01 .p-list .info{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 40px 30px;border-bottom: 1px solid #ddd;display: none;}
.product01 .p-list li:first-child .info{display: block;}
.product01 .p-list .info .li{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin-bottom: 40px;}
.product01 .p-list .info .li h3{font-size: 14px;color: #222222;font-weight: bold;width: 15%;line-height: 28px;}
.product01 .p-list .info .li h4{font-size: 14px;line-height: 28px;color: #666666;width: 85%;}
.product01 .p-list .info .li:last-child{margin-bottom: 0;}
.product01 .p-list li .t-tl:hover p:first-child,.product01 .p-list li .t-tl.open p:first-child{color: #005aad;}
.product01 .p-list .info .li.infodown{display: none;}



/* 网站导航 */
/* .supplywrap */
.supplytopwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;}
.supplytopwrap .text{width: 1200px;margin: auto;box-sizing: border-box;}
.supplytopwrap .text p{font-size: 14px;color: #aaaaaa;margin-bottom: 10px;text-transform: uppercase;}
.supplytopwrap .text h3{font-size: 36px;color: #222222;font-weight: bold;}
.supplywrap{    width: 100%;box-sizing: border-box;margin-top: 90px;}

.navigation01{margin: 100px auto 100px;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: inherit;flex-wrap: wrap;padding-right: 160px;}
.navigation01 li{width: calc((100% - 480px)/4);margin-right: 160px;margin-bottom: 100px;}
.navigation01 li:nth-of-type(4n){margin-right: 0;}
.navigation01 li h3{border-bottom: 1px solid #aaaaaa;padding-bottom: 20px;margin-bottom: 20px;}
.navigation01 li h3 a{font-size: 18px;color: #222222;font-weight: bold;}
.navigation01 li .min{width: 100%;box-sizing: border-box;display: -wap-marquee;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.navigation01 li .min .item p a{font-size: 15px;color: #444444;line-height: 30px ;}
.navigation01 li .min .item p a:hover{color: #e6771b;text-decoration: underline;}
.navigation01 li h3 a:hover{color:#005aad;}


 
 
.searchlistcenter{display: block;width: 1200px;margin:100px auto;overflow: hidden;min-height: 1000px;}
.searchlistcenter .p-yjy{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding: 0 0 10px 0;}
.searchlistcenter .p-yjy a{ position: relative;display: block;float: left;font-size: 20px;text-transform: uppercase;margin: 0 80px 0 0;overflow: hidden; font-weight: bold;}
.searchlistcenter .p-yjy .active{ color: #005aad; }
.searchlistcenter .p-yjy-center{ display: block;overflow: hidden;margin: 50px 0 0 0;}
.searchlistcenter .p-yjy-center .p-kn{  display: block;overflow: hidden; }



.searchlistcenter .p-yjy-center .p-kn  .searchlistnews{}
.searchlistcenter .p-yjy-center .p-kn  .searchlistnews a{ width: 100%;margin: 0 0 30px 0;background: none;float: none;border: 0;    overflow: hidden; display: block;}
.searchlistcenter .p-yjy-center .p-kn  .searchlistnews a img{ display: none;}
.searchlistcenter .p-yjy-center .p-kn  .searchlistnews a p{ text-align: left;text-transform: uppercase;padding: 20px 10px;min-height: auto;background: none;border: 1px solid #eee;    font-size: 16px;font-weight: normal;}
.searchlistcenter .p-yjy-center .p-kn  .searchlistnews a p font{display: block;float: right;color: #000;margin: 0 20px 0 0;font-weight: normal;letter-spacing: 0px;font-size: 14px;}

.searchlistcenter .p-yjy-center .p-kn a:hover p{ background: #005aad;    color: #fff;}
.searchlistcenter .p-yjy-center .p-kn a:hover p font{  color: #fff; }


.searchlistcenter .p-yjy-center .p-kn .product01{ width: 100%; padding: 0;}


.searchlist-titile{display: block;overflow: hidden;margin:20px auto 0;width: 800px; }
.searchlist-titile h3{ text-transform: uppercase; display: block; font-size: 16px;} 
.searchlist-titile h3 span{ display: inline-block;color: #005aad;font-size: 20px;margin: 0 20px 0 0;}
.p-search-to{ margin: 50px auto 0; }
.p-search-to dl{ margin: 30px 0 10px; }
 










@media only screen and (max-width:1600px ) {
	
	.header .logo img{height: 44px;}
	.header .right .nav li>a{font-size: 15px;padding: 0 20px;}
	.banner .text{width:1100px;}
	.banner .swiper-pagination{width:1100px;}
	.banner .text h4{height: 52px;}
	.more{width: 240px;height: 54px;}
	.banner .swiper-pagination-bullet{width: 40px;}
	.header .right .nav li>a{height: 80px;line-height: 80px;}
	.header,.header .right .language{height: 80px;}
	
	.banner{height: calc(100% - 80px);margin-top: 80px;}
	.index01 .text{padding-left: 100px;padding-right: calc((100% - 1100px)/2);}
	.i-tl h3{font-size: 32px;line-height: 42px;margin-bottom: 40px;}
	.index01 .text h3{font-size:26px;}
	.i-tl p{margin-bottom: 40px;}
	.index01 .text .more{margin-top: 40px;}
	
	.index02wrap .text .link a{font-size: 18px;height: 54px;}
	.index02wrap .text{padding-right: 50px;padding-left: calc((100% - 1100px)/2);padding-top: 20px;}
	.index02wrap .text .i-tl p{margin-bottom: 30px;}
	.index02wrap .text .i-tl h3{margin-bottom: 30px;}
	.index02wrap .text .link{margin-top: 20px;}
	.index02wrap::after{height: calc(100% - 84px);}
	
	.index03{width: 1100px;}
	
	.index04 a .text{padding: 30px 40px;}
	.index04 a .text .top h3{font-size: 20px;margin-bottom: 10px;}
	.index04 a .text .more{width: 120px;height: 36px;}
	.banner .swiper-button-next {right: 1%;}
	.banner .swiper-button-prev {left: 1%;}
	.index04{margin:100px auto;}
	.index03wrap{    padding: 100px 0;}
	.index02wrap{padding-bottom: 150px;margin-top:100px;}
	
	.innerbanner,.newsinfowrap{margin-top: 80px;}
	
	.footerwrap .copyright h3 a { padding-left: 4px; margin-left: 4px; }
	.footerwrap .copyright h3 { font-size: 12px;}
	.footerwrap .copyright {  padding: 30px 1.2%;	flex-flow: wrap;}




}

@media screen and (max-width:1300px) {

	.footerwrap .copyright {
		width: 100%;
		box-sizing: border-box;
		padding: 30px 5%;
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		background-color: #005aad;
		display: block;
	}

	.footerwrap .copyright h3 {
		font-size: 12px;
		margin-bottom: 10px;
	}

	

	.footerwrap .copyright h3 {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.footerwrap .copyright .h3a a:nth-of-type(1) {border-left: 0px;padding-left: 0px;margin-left: 0px;}

	html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, span, dd, dt, b, c, e, a, font, right, left {
		-webkit-text-size-adjust: 100%;
		margin-bottom: 10px;
	}


}